// import { Link, Route, Routes } from "react-router-dom";
// import Home from "./pages/Home";
// import List from "./pages/List";

// function App() {
//   return (
//     <>
//       <div>
//         <Link to="/home/yunmu">首页</Link>
//         <Link to="/list">列表页</Link>
//       </div>
//       <div>
//         <Routes>
//           <Route path="/home/:name" element={<Home />} />
//           <Route path="/list" element={<List />} />
//         </Routes>
//       </div>
//     </>
//   );
// }

// export default App;

// import UseState from "./components/01-useState";
// import UseState from "./components/02-useState的使用细节";
// import UseState from "./components/03-useState使用细节";
// import UseReducer from "./components/04-useReducer";
// import UseContext from "./components/05-useContext";
// import UseEffect from "./components/06-useEffect和useLayoutEffect";
// import UseEffect from "./components/07-useEffect 使用方法";
// import UseEffect from "./components/08-useEffect 使用方法";
// import UseEffect from "./components/09-useEffect 使用方法";
// import UseMemo from "./components/10-useMemo";
// import UseMemo from "./components/11-memo";
// import UseCallback from "./components/12-useCallback";
// import UseRef from "./components/13-useRef";
import UseHook from "./components/14-自定义hook";
// import UseState from "./components/15-useState实现原理";
// import UseEffect from "./components/16-useEffect原理";
// import UseReducer from "./components/17-useReducer原理";
// import UseSafe from "./components/18-hooks注意事项";
// import Forwardref from "./components/19-forwardref";

function App() {
  return (
    <div>
      {/* <UseState /> */}
      {/* <UseReducer /> */}
      {/* <UseContext /> */}
      {/* <UseEffect /> */}
      {/* <UseMemo /> */}
      {/* <UseCallback /> */}
      {/* <UseRef /> */}
      <UseHook />
      {/* <UseState /> */}
      {/* <UseEffect /> */}
      {/* <UseReducer /> */}
      {/* <UseSafe /> */}
      {/* <Forwardref /> */}
    </div>
  );
}
export default App;
